1 files changed, 19 insertions, 20 deletions
diff --git a/src/routes/user/[user]/+page.svelte b/src/routes/user/[user]/+page.svelte
index eeeebf91..ff86beae 100644
--- a/src/routes/user/[user]/+page.svelte
+++ b/src/routes/user/[user]/+page.svelte
@@ -23,12 +23,11 @@
   import LinkedTooltip from '$lib/Tooltip/LinkedTooltip.svelte';
   import { graphql } from '$houdini';
 
-  export let data;
-
-  $: ({ Profile } = data);
-  $: preferences = $Profile.fetching
-    ? undefined
-    : ($Profile.data?.User?.preferences as Preferences | undefined);
+  let { data } = $props();
+  let Profile = $derived(data.Profile);
+  let preferences = $derived(
+    $Profile.fetching ? undefined : ($Profile.data?.User?.preferences as Preferences | undefined)
+  );
 
   const setCategoriesQuery = graphql(`
     mutation SetCategories($categories: [String!]!) {
@@ -102,20 +101,20 @@
     }
   `);
 
-  $: userData = data.userData;
-
-  let error = false;
-  let schedule: ParseResult | undefined = undefined;
-  let draggedCategory: string | null = null;
-  let draggedOverCategory: string | null = null;
-
-  $: displayBadges = (username: string, badges: number | string) =>
-    $locale({
-      values: {
-        badges: badges,
-        username
-      }
-    }).user.profile.badges;
+  let userData = $derived(data.userData);
+  let error = $state(false);
+  let schedule: ParseResult | undefined = $state(undefined);
+  let draggedCategory: string | null = $state(null);
+  let draggedOverCategory: string | null = $state(null);
+  let displayBadges = $derived(
+    (username: string, badges: number | string) =>
+      $locale({
+        values: {
+          badges: badges,
+          username
+        }
+      }).user.profile.badges
+  );
 
   const handleDragStart = (
     event: DragEvent & { currentTarget: EventTarget & HTMLDivElement },